<%--
  Created by IntelliJ IDEA.
  User: 邹敦宇
  Date: 2021/3/10
  Time: 14:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>爱购购物车</title>
    <%
        String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
    %>
    <base href="<%=basePath%>">
    <link rel="icon" type="image/x-icon" href="img/title-icon.jpg"/>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/top.css" />
    <link rel="stylesheet" href="css/shoppingCart.css" />
    <link rel="stylesheet" href="css/footer.css" />
    <link rel="stylesheet" href="static/css/font-awesome-4.7.0/Font-Awesome-master/css/font-awesome.min.css" />
    <script type="text/javascript" src="js/jquery.js" ></script>
    <script type="text/javascript" src="js/public.js" ></script>
    <script type="text/javascript" src="js/shoppingCart.js" ></script>
</head>
<body>
<%--头部--%>
<jsp:include page="top-shopp.jsp"></jsp:include>
<div class="w1230">
    <img src="img/logo.png" width="100" height="40" class="logo"/>
    <span class="cart">购物车</span>
</div>
<!--收货地址-->
<div class="w1230 address">
    <div class="default">
        <div class="default-title">收货地址</div>
        <div class="default-list">
            <span class="add-person">收货人：<span id="addName"></span></span>
            <span class="add-tel" id="addTel"></span>
            <p class="add">收货地址：<span id="add"></span></p>
        </div>
        <div class="down"><i class="fa fa-chevron-up" id="down"></i></div>
    </div>
    <div class="address-list" id="address-list">
        <ul>

        </ul>
    </div>
</div>
<!--购物车展示-->
<div class="w1230 shopping">
    <!--标题栏-->
    <div class="shopping-title">
        <ul class="clear-float">
            <li class="chk"><input type="checkbox" class="all-chk"/></li>
            <li class="info">商品信息</li>
            <li class="price">单价（元）</li>
            <li class="num">数量</li>
            <li class="min-price-title">小计（元）</li>
            <li class="operate">操作</li>
        </ul>
    </div>
    <!--详细展示-->
    <div class="shopping-list">
        <ul class="clear-float">
            <li class="chk"><input type="checkbox" class="chkbox"
            /></li>
            <li class="info"><a href="#" target="_blank">
                <img src="img/book01.jpg" />
                <p>七年级7册包邮 西游记原著正版朝花夕拾鲁迅初中生呐喊猎人笔记湘行散记镜花缘白洋淀纪事世界经典名著青少学版初一课外阅读书籍</p>
            </a></li>
            <li class="price">55.80</li>
            <li class="num">
                <a href="javascript:void(0)" class="minus">-</a>
                <input type="text" value="1" class="num-val"/>
                <a href="javascript:void(0)" class="add">+</a>
            </li>
            <li class="min-price">55.80</li>
            <li class="operate"><a href="#">删除</a></li>
        </ul>

    </div>
    <!--合计-->
    <div class="shopping-footer clear-float">
        <div class="shopping-footer-l">
            <input type="checkbox" class="all-chk2 all-chk"/>
            <span>全选（共<span class="all-num"></span>件）</span>
            <span class="line">|</span>
            <a href="#" class="all-del">批量删除</a>
        </div>
        <div class="shopping-footer-r">
            <span>已选商品<span class="choose-num">0</span>件</span>
            <span class="line">|</span>
            <span>合计：<span class="total">￥0.00</span></span>
            <a href="javascript:void(0)" class="compute">结算</a>
        </div>
    </div>
</div>
<!--脚注-->
<div class="footer">
    <p class="w1230">
        <a href="#">关于爱购</a>
        <a href="#">合作伙伴</a>
        <a href="#">营销中心</a>
        <a href="#">廉正举报</a>
        <a href="#">联系客服</a>
        <a href="#">开发平台</a>
        <a href="#">诚征英才</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#">知识产权</a><span>|</span>
        <span>&copy;2018-2020 igo.com 版权所有</span>
    </p>
</div>
</body>
</html>
